import { Badge, Button, Descriptions } from 'antd';
import { useNavigate, useLocation } from 'react-router-dom';
import "./ChakanCoach.css"
const ChakanCoach = () => {
    const navigate = useNavigate()
    const fanhui = () => {
        navigate(-1)
    }
    let location = useLocation();
    console.log("教练" + location.state.id)
    console.log("c_name" + location.state.c_name)
    console.log("c_name" + location.state.c_sex)
    console.log("c_name" + location.state.c_phone)
    console.log("c_name" + location.state.c_venue)
    console.log("c_name" + location.state.c_status)
    console.log("c_name" + location.state.c_src)
    return (
        <div class="boxChakanCoach">
            <div class="fanhui">
                <Button onClick={fanhui}>返回   </Button>
            </div>
            <div class="titleChakanCoach">
                <div class="titletpa">


                    <div>
                        < img style={{ width: "50%", height: "50%" }} src={'/api' + location.state.c_src} alt="" />
                    </div>

                </div>
                <div class="ChakanCoachbody">
                    <Descriptions bordered>
                        <Descriptions.Item label="用户id" style={{ width: '210px' }} >{location.state.c_name}</Descriptions.Item>
                        <Descriptions.Item label="昵称">{location.state.c_name}</Descriptions.Item>
                        <Descriptions.Item label="性别">{location.state.c_sex}</Descriptions.Item>
                        <Descriptions.Item label="手机">{location.state.c_phone}</Descriptions.Item>
                    </Descriptions>
                </div>
            </div>
        </div>
    )
}
export default ChakanCoach